{
	template:`
	<a-page-header title="ICON">
		<template #extra>
			<m-back @click="back(false);">关闭</m-back>
		</template>
		<a-card :hoverable="true" :bodyStyle="{padding:'20px'}">
		    <span v-for="item in list" style="padding:5px;">
                <a-tooltip :title="toHtml(item)">
                    <m-icon :name="prefix+item.font_class" size="30"></m-icon>
                </a-tooltip>
            </span>
		</a-card>
	</a-page-header>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
			selected:'',
            prefix:'',
			list:[],
		};
	},
	mounted(){
		this.selected=this.param.selected;
		this.loadImage();
	},
	methods:{
		loadImage:function(){
			this.load=true;
			this.requestData("resources/admin/icon/iconfont.json",
				{},
				function(data){
                    this.prefix=data.css_prefix_text;
				    this.list=data.glyphs;
				}.bind(this)
			);
		},
		toHtml:function(item){
		    return '<m-icon name="'+this.prefix+item.font_class+'" size="16"></m-icon>';
		}
	}
}